<template>
  <div class="help_public" v-if="listData">
    <div class="contact_title" v-if="listData.pageTitle">{{listData.pageTitle}}使用说明</div>
    <div class="help_public_cont">
      <div class="help_title" v-if="listData.subTitle">{{listData.subTitle}}</div>
      <p v-if="listData.pageDec" v-html="listData.pageDec"></p>
      <div v-if="listData&&listData.content&&listData.content.length>0" v-for="(item, index) in listData.content">
        <h5 v-if="item.title">{{item.title}}</h5>
        <div v-if="item.subTitle" class="subtitle">{{item.subTitle}}</div>
        <img :src="item.img" alt=""/>
        <div class="contact_dec">
          <p>{{item.dec}}</p>
        </div>
      </div>
      <Public :data="listData.pageTitle"/>
    </div>
  </div>
</template>

<script>
  import configData from './helpConfig.js'
  import Public from './public.vue'

  export default {
    data() {
      return {
        listData: configData.artcollection
      }
    },
    components: {
      Public
    },
    methods: {},

    mounted() {
    }
  }
</script>

<style lang="scss" type="text/scss" rel="stylesheet/sass" scoped>
  @import './help.css';

</style>v
